<template>
    <div id="Home">
        <!-- <button class="switch" @click="change()">切换</button> -->
        <Header></Header>
        <cesium-viewer v-show="$store.state.CesiumShow"></cesium-viewer>
    </div>
</template>

<script>
    import CesiumViewer from '@/components/CesiumExample/No01-init.vue'
    import Header from 'ToolBar/header.vue'

    export default {
        name: 'Home',
        data() {
            return {
                // flag: false
            }
        },
        components: {
            CesiumViewer,
            Header,
        },
        methods: {
            // change() {
            //     this.$store.commit("changeCesiumShow", this.flag);
            //     this.flag = !this.flag
            // }
        }
    }
</script>

<style scpoed>
.switch {
   position: absolute;
   top: 50px;
   left: 30px; 
   z-index: 99;
}
</style>